<template>
  <div>
    <TypeNav :defaultShowList="true" />
    <!--列表-->
    <ListContainer />
    <!--今日推荐-->
    <TodayRecommend />
    <!-- 商品排行 -->
    <Rank />
    <!-- 猜你喜欢 -->
    <Like />
    <!--楼层-->
    <Floor
      v-for="(floor, index) in footerList"
      :key="index"
      :floorList="floor"
    />

    <!--商标-->
    <Brand />
  </div>
</template>

<script lang="ts" setup>
import Brand from "./Brand/Brand.vue";
import Floor from "./Floor/Floor.vue";
import Like from "./Like/Like.vue";
import ListContainer from "./ListContainer/ListContainer.vue";
import Rank from "./Rank/Rank.vue";
import TodayRecommend from "./TodayRecommend/TodayRecommend.vue";
import TypeNav from "@/components/TypeNav/index.vue";
import { ref, onMounted } from "vue";
import { getFooter } from "@/api/requestHome";
const footerList = ref();

onMounted(async () => {
  let resultFooter = await getFooter();

  footerList.value = resultFooter.data;
});
</script>

<style lang="less" scoped></style>
